iT邦幫忙

2022 iThome 鐵人賽

DAY 15
0
自我挑戰組

鐵人挑戰系列 第 15

Day15-卡路里JavaScript設計

  • 分享至 

  • xImage
  •  

Day15

上一次說了卡路里的計算以及紀錄的功能,JavaScript尚未完成撰寫,而這次便是撰寫java研究。

我寫了一個function這一部分寫的是存食品輸入的地方,帶入的數值是item也就是紀錄卡路里的html網頁中的item-name,確認如果有任何的items在LS,如果沒有,那items陣列不會有東西,且推進item空值,使用json stringify來設定我存取的答案,否則,也就是有寫入東西,就會將items給記錄下來,且放在items陣列中,然後將後面的記憶體空值往前推進能記錄下一個食品輸入,在先將設定好的食品輸入格復原。
下面寫的function()則是讓items能獲取數值,如果是空值,items等於空陣列,否則是讓items的輸入站陣列一格。然後return回去items的數值。
而這段則是寫可以更新item的內容,JSON.parse() 方法把會把一個 JSON 字串轉換成 JavaScript 的數值或是物件。另外也可選擇使用 reviver 函數讓這些數值或是物件在被回傳之前做轉換。而我將items變成物件,如果我重新上傳updatedItem.Id === item.id那我將把設定好的item.id變成updatedItem.Id,之後再設定LS為原本設定好的答案。


上一篇
Day14-卡路里html設計
下一篇
Day16-卡路里JavaScript設計
系列文
鐵人挑戰28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言